﻿<%@ Page Language="C#" MasterPageFile="~/Includes/Master/mpPuntoMascotas.Master"
 AutoEventWireup="true" EnableEventValidation="false" CodeBehind="abmClientes.aspx.cs" Inherits="PuntoMascotasWeb.WebSite.Aplicacion.ABM.abmClientes" %>

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>
<asp:Content ID="Content1" ContentPlaceHolderID="cphHead" runat="server">
</asp:Content>
<asp:Content ID="contBotonera" ContentPlaceHolderID="cphBotonera" runat="server">
    <table width="100%" class="DesolContenido">
    <tr>
      <td>
        <asp:Button ID="btnNuevo" Text="Nuevo" runat="server" OnClick="btnNuevo_Click" />
      </td>
    </tr>
    <tr>
      <td>
        <asp:Button ID="btnEditar" Text="Editar" runat="server" OnClick="btnEditar_Click" />
      </td>
    </tr>
    <tr>
      <td>
        <asp:Button ID="btnEliminar" Text="Eliminar" runat="server" 
          OnClientClick="return ValidarEliminar();" onclick="btnEliminar_Click"/>
      </td>
    </tr>
    <tr>
      <td>
        <asp:Button ID="btnGuardar" Text="Guardar" runat="server" OnClick="btnGuardar_Click" />
      </td>
    </tr>
    <tr>
      <td>
        <asp:Button ID="btnCancelar" Text="Cancelar" runat="server" OnClientClick="return ValidarCancelar();" OnClick="btnCancelar_Click" />
      </td>
    </tr>
    <tr>
      <td>
        <asp:Button ID="btnMascotas" Text="Mascotas" runat="server" 
          onclick="btnMascotas_Click" />
      </td>
    </tr>
  </table>
  <div id="divBotoneraMascota" style=" display:none">
  <table width="100%" class="DesolContenido">
    <tr>
      <td>
        <asp:Button ID="btnNuevoMascota" Text="Nuevo" runat="server"  OnClick="btnNuevoMascota_Click" />
      </td>
    </tr>
    <tr>
      <td>
        <asp:Button ID="btnEditarMascota" Text="Editar" runat="server" 
              onclick="btnEditarMascota_Click" />
      </td>
    </tr>
    <tr>
      <td>
        <asp:Button ID="btnEliminarMascota" Text="Eliminar" runat="server" 
              OnClientClick="return ValidarEliminarMascotas();" onclick="btnEliminarMascota_Click" />
      </td>
    </tr>
    <tr>
      <td>
        <asp:Button ID="btnGuardarMascota" Text="Guardar" runat="server" 
              onclick="btnGuardarMascota_Click" />
      </td>
    </tr>
    <tr>
      <td>
        <asp:Button ID="btnCancelarMascota" Text="Cancelar" runat="server" 
              OnClientClick="return ValidarCancelar();" onclick="btnCancelarMascota_Click" />
      </td>
    </tr>
  </table>
  </div>
</asp:Content>
<asp:Content ID="contPrincipal" ContentPlaceHolderID="cphPrincipal" runat="server">
    <table width="100%">
    <tr>
      <td align="center" colspan="2">
        <span>CONTENIDO DEL ABM</span>
      </td>
    </tr>
  </table>
  <table width="100%" class="DesolContenido">
    <tr>
      <td class="SpanCaption" style="width: 100%;" colspan="2">
        <span class="SpanCaption" id="span1" runat="server">Datos Personales</span>
      </td>
    </tr>
    <tr>
      <td colspan="2" align="center">
        <asp:Label ID="lblId" SkinID="Labels" Text="Id:" runat="server"></asp:Label>
        <asp:TextBox ID="txtId" SkinID="TextBoxShort" runat="server" ReadOnly="true"></asp:TextBox>
      </td>
    </tr>
    <tr>
      <td>
        <asp:Label ID="lblNombre" SkinID="Labels" Text="Nombre:" runat="server"></asp:Label>
        <asp:TextBox ID="txtNombre" SkinID="TextBoxLarge" runat="server" ReadOnly="true"></asp:TextBox>
      </td>
      <td>
        <asp:Label ID="lblApellido" SkinID="Labels" Text="Apellido:" runat="server"></asp:Label>
        <asp:TextBox ID="txtApellido" SkinID="TextBoxLarge" runat="server" ReadOnly="true"></asp:TextBox>
      </td>
    </tr>
    <tr>
      <td>
        <asp:Label ID="lblTipoDoc" SkinID="Labels" Text="Tipo Doc.:" runat="server"></asp:Label>
        <asp:DropDownList ID="cmbTipoDoc" SkinID="ComboBoxLarge" runat="server">
        </asp:DropDownList>
      </td>
      <td>
        <asp:Label ID="lblNumDoc" SkinID="Labels" Text="N° Doc.:" runat="server"></asp:Label>
        <asp:TextBox ID="txtNumDoc" SkinID="TextBoxLarge" runat="server" ReadOnly="true"></asp:TextBox>
      </td>
    </tr>
    <tr>
      <td>
        <asp:Label ID="lblSexo" SkinID="Labels" Text="Sexo:" runat="server"></asp:Label>
        <asp:DropDownList ID="cmbSexo" SkinID="ComboBoxLarge" runat="server">
        </asp:DropDownList>
      </td>
      <td>
        <asp:Label ID="lblDireccion" SkinID="Labels" Text="Dirección:" runat="server"></asp:Label>
        <asp:TextBox ID="txtDireccion" SkinID="TextBoxLarge" runat="server" ReadOnly="true"></asp:TextBox>
      </td>
    </tr>
    <tr>
      <td>
        <asp:Label ID="lblTelefono" SkinID="Labels" Text="Teléfono:" runat="server"></asp:Label>
        <asp:TextBox ID="txtTelefono" SkinID="TextBoxLarge" runat="server" ReadOnly="true"></asp:TextBox>
      </td>
      <td>
        <asp:Label ID="lblEmail" SkinID="Labels" Text="Email:" runat="server"></asp:Label>
        <asp:TextBox ID="txtEmail" SkinID="TextBoxLarge" runat="server" ReadOnly="true"></asp:TextBox>
      </td>
    </tr>
     <tr>
      <td colspan="2" align="center">
        <asp:Label ID="lblUsuario" Visible="false" SkinID="Labels" Text="Usuario:"
          runat="server"></asp:Label>
        <asp:TextBox ID="txtUsuario" Visible="false" SkinID="TextBoxLarge"
          runat="server" ReadOnly="true"></asp:TextBox>
      </td>
    </tr>
    <tr>
      <td colspan="2" align="center">
        <asp:Label ID="lblContraseña" Visible="false" SkinID="Labels" Text="Contraseña:"
          runat="server"></asp:Label>
        <asp:TextBox ID="txtContraseña" Visible="false" TextMode="Password" SkinID="TextBoxLarge"
          runat="server" ReadOnly="true"></asp:TextBox>
      </td>
    </tr>
    <tr>
      <td colspan="2" align="center">
        <asp:Label ID="lblConfirmarContraseña" Visible="false" SkinID="Labels" Text="Confirmar Contraseña:"
          runat="server"></asp:Label>
        <asp:TextBox ID="txtConfirmarContraseña" Visible="false" TextMode="Password" SkinID="TextBoxLarge"
          runat="server" ReadOnly="true"></asp:TextBox>
      </td>
    </tr>
  </table>
  <div id="divListadoClientes" style="display: block">
    <table width="100%" class="DesolContenido">
      <tr>
        <td class="SpanCaption" style="width: 100%;" colspan="1">
          <span class="SpanCaption" id="spanListadoClientes" runat="server">Listado de Clientes</span>
        </td>
      </tr>
      <tr>
        <td>
          <asp:GridView ID="dgvClientes" runat="server" DataKeyNames="Id,IdTipoDoc" AutoGenerateColumns="False"
            SkinID="GridViewNoPagin" onrowdatabound="dgvClientes_RowDataBound" 
            onselectedindexchanging="dgvClientes_SelectedIndexChanging">
            <Columns>
              <asp:BoundField Visible="true" ReadOnly="True" DataField="Id" HeaderText="Id">
                <ItemStyle Width="5%" CssClass="AutoSize" />
                <HeaderStyle CssClass="AutoSize" />
              </asp:BoundField>
              <asp:BoundField ReadOnly="True" DataField="Nombre" HeaderText="Nombre">
                <ItemStyle Width="15%" CssClass="AutoSize" />
                <HeaderStyle CssClass="AutoSize" />
              </asp:BoundField>
              <asp:BoundField ReadOnly="True" DataField="Apellido" HeaderText="Apellido">
                <ItemStyle Width="15%" CssClass="AutoSize" />
                <HeaderStyle CssClass="AutoSize" />
              </asp:BoundField>
              <asp:BoundField ReadOnly="True" DataField="TipoDoc" HeaderText="Tipo Doc.">
                <ItemStyle Width="5%" CssClass="AutoSize" />
                <HeaderStyle CssClass="AutoSize" />
              </asp:BoundField>
              <asp:BoundField ReadOnly="True" DataField="NumDoc" HeaderText="N° Doc.">
                <ItemStyle Width="15%" CssClass="AutoSize" />
                <HeaderStyle CssClass="AutoSize" />
              </asp:BoundField>
              <asp:BoundField ReadOnly="True" DataField="Sexo" HeaderText="Sexo">
                <ItemStyle Width="5%" CssClass="AutoSize" />
                <HeaderStyle CssClass="AutoSize" />
              </asp:BoundField>
              <asp:BoundField ReadOnly="True" DataField="Direccion" HeaderText="Dirección">
                <ItemStyle Width="10%" CssClass="AutoSize" />
                <HeaderStyle CssClass="AutoSize" />
              </asp:BoundField>
              <asp:BoundField ReadOnly="True" DataField="Telefono" HeaderText="Teléfono">
                <ItemStyle Width="15%" CssClass="AutoSize" />
                <HeaderStyle CssClass="AutoSize" />
              </asp:BoundField>
              <asp:BoundField ReadOnly="True" DataField="Email" HeaderText="Email">
                <ItemStyle Width="15%" CssClass="AutoSize" />
                <HeaderStyle CssClass="AutoSize" />
              </asp:BoundField>
              <asp:BoundField Visible="false" ReadOnly="True" DataField="IdTipoDoc">
                <ItemStyle Width="5%" CssClass="AutoSize" />
                <HeaderStyle CssClass="AutoSize" />
              </asp:BoundField>
            </Columns>
            <EmptyDataTemplate>
              <div>
                <table width="100%" cellpadding="0" cellspacing="0" summary="">
                  <thead class="DesolGrillaVacia">
                    <tr>
                      <th scope="col" style="border-style: solid; border-width: thin;">
                        Id
                      </th>
                      <th scope="col" style="border-style: solid; border-width: thin;">
                        Nombre
                      </th>
                      <th scope="col" style="border-style: solid; border-width: thin;">
                        Apellido
                      </th>
                      <th scope="col" style="border-style: solid; border-width: thin;">
                        Tipo Doc.
                      </th>
                      <th scope="col" style="border-style: solid; border-width: thin;">
                        N° Doc.
                      </th>
                    </tr>
                  </thead>
                  <tbody style="height: 20px">
                    <tr>
                      <td colspan="4">
                        &nbsp; No hay Clientes registrados.
                      </td>
                    </tr>
                  </tbody>
                </table>
              </div>
            </EmptyDataTemplate>
          </asp:GridView>
        </td>
      </tr>
    </table>
  </div>
  <div id="divMascotas" style="display: none">
  <table width="100%" class="DesolContenido">
    <tr>
      <td class="SpanCaption" style="width: 100%;" colspan="2">
        <span class="SpanCaption" id="span2" runat="server">Mascotas por Cliente</span>
      </td>
    </tr> 
    <tr>
      <td colspan="2" align="center">
        <asp:Label ID="lblIdMascota" Text="Id:" runat="server"></asp:Label>
        <asp:TextBox ID="txtIdMascota" runat="server" ReadOnly="true"></asp:TextBox>
      </td>
    </tr>
    <tr>
      <td>
        <asp:Label ID="lblNombreMascota" Text="Nombre:" runat="server"></asp:Label>
        <asp:TextBox ID="txtNombreMascota" runat="server" ReadOnly="true"></asp:TextBox>
      </td>
      <td>
        <asp:Label ID="lblRaza" Text="Raza:" runat="server"></asp:Label>
        <asp:DropDownList ID="cmbRaza" runat="server">
        </asp:DropDownList>
      </td>
    </tr>
    <tr>
      <td>
        <asp:Label ID="lblSexoMascota" Text="Sexo:" runat="server"></asp:Label>
        <asp:DropDownList ID="cmbSexoMascota" runat="server">
        </asp:DropDownList>
      </td>
      <td>
        <asp:Label ID="lblTamaño" Text="Tamaño:" runat="server"></asp:Label>
        <asp:DropDownList ID="cmbTamaño" runat="server">
        </asp:DropDownList>
      </td>
    </tr>
    <tr>
      <td>
        <asp:Label ID="lblEdad" Text="Edad:" runat="server"></asp:Label>
        <asp:TextBox ID="txtEdad" runat="server" ReadOnly="true"></asp:TextBox>
      </td>      
    </tr>
  </table>
  <table width="100%">
    <tr>
      <td>
        <asp:GridView ID="gvMascotas" EnableViewState="true" runat="server" DataKeyNames="Id, IdRaza, IdTamaño"
          AutoGenerateColumns="False" SkinID="GridViewNoPagin" 
          onrowdatabound="gvMascotas_RowDataBound" 
          onselectedindexchanging="gvMascotas_SelectedIndexChanging">
          <Columns>
            <asp:BoundField Visible="true" ReadOnly="True" DataField="Id" HeaderText="Id">
              <ItemStyle Width="5%" CssClass="AutoSize" />
              <HeaderStyle CssClass="AutoSize" />
            </asp:BoundField>
            <asp:BoundField ReadOnly="True" DataField="Nombre" HeaderText="Nombre">
              <ItemStyle Width="15%" CssClass="AutoSize" />
              <HeaderStyle CssClass="AutoSize" />
            </asp:BoundField>
            <asp:BoundField ReadOnly="True" DataField="Raza" HeaderText="Raza">
              <ItemStyle Width="15%" CssClass="AutoSize" />
              <HeaderStyle CssClass="AutoSize" />
            </asp:BoundField>
            <asp:BoundField ReadOnly="True" DataField="Sexo" HeaderText="Sexo">
              <ItemStyle Width="5%" CssClass="AutoSize" />
              <HeaderStyle CssClass="AutoSize" />
            </asp:BoundField>
            <asp:BoundField ReadOnly="True" DataField="Tamaño" HeaderText="Tamaño">
              <ItemStyle Width="5%" CssClass="AutoSize" />
              <HeaderStyle CssClass="AutoSize" />
            </asp:BoundField>
            <asp:BoundField ReadOnly="True" DataField="Edad" HeaderText="Edad">
              <ItemStyle Width="15%" CssClass="AutoSize" />
              <HeaderStyle CssClass="AutoSize" />
            </asp:BoundField>            
            <asp:BoundField Visible="false" ReadOnly="True" DataField="IdRaza">
              <ItemStyle Width="5%" CssClass="AutoSize" />
              <HeaderStyle CssClass="AutoSize" />
            </asp:BoundField>
            <asp:BoundField Visible="false" ReadOnly="True" DataField="IdTamaño">
              <ItemStyle Width="5%" CssClass="AutoSize" />
              <HeaderStyle CssClass="AutoSize" />
            </asp:BoundField>
          </Columns>
          <EmptyDataTemplate>
            <div>
              <table width="100%" cellpadding="0" cellspacing="0" summary="">
                <thead class="DesolGrillaVacia">
                  <tr>
                    <th scope="col" style="border-style: solid; border-width: thin;">
                      Id
                    </th>
                    <th scope="col" style="border-style: solid; border-width: thin;">
                      Nombre
                    </th>
                    <th scope="col" style="border-style: solid; border-width: thin;">
                      Raza
                    </th>
                    <th scope="col" style="border-style: solid; border-width: thin;">
                     Sexo
                    </th>
                    <th scope="col" style="border-style: solid; border-width: thin;">
                     Tamaño
                    </th>
                     <th scope="col" style="border-style: solid; border-width: thin;">
                     Edad
                    </th>
                  </tr>
                </thead>
                <tbody style="height: 20px">
                  <tr>
                    <td colspan="4">
                      &nbsp; No hay Mascotas registradas.
                    </td>
                  </tr>
                </tbody>
              </table>
            </div>
          </EmptyDataTemplate>
        </asp:GridView>
      </td>
    </tr>
  </table>  
  </div>
  

  <script type="text/javascript">
    function ValidarCancelar() {

      return confirm('¿Desea Cancelar, los datos no gaurdados se perderan?');
    }

    function ValidarEliminar() {

      return confirm('¿Desea Eliminar el Cliente seleccionado?');
  }
  function ValidarEliminarMascotas() {

      return confirm('¿Desea Eliminar la Mascota seleccionada?');
  }
  </script>
</asp:Content>
